/**
 * App入口组件
 * 使用React Router进行路由管理
 */
import { Suspense } from 'react';
import { Outlet } from 'react-router-dom';
import MainLayout from './layouts/MainLayout';
import { Spin } from 'antd';

export default function App() {
  return (
    <MainLayout>
      <Suspense 
        fallback={
          <div className="flex items-center justify-center h-screen">
            <Spin size="large" tip="加载中..." />
          </div>
        }
      >
        <Outlet />
      </Suspense>
    </MainLayout>
  );
}
